<!--
 * @Author: Islands 1430536748@qq.com
 * @Date: 2024-07-15 21:27:01
 * @LastEditors: 周洋 1430536748@qq.com
 * @LastEditTime: 2024-08-23 00:12:10
 * @version: 1.2.0
 * @Description: Tooltip+button组合组件
-->
<script setup lang="ts">
import { props } from '../props';
import {SvgIcon} from '../../../SvgIcon';
const { content, placement,type, icon, link, text, onClick } = defineProps(props);
</script>
<template>
    <el-tooltip :content="content" :placement="placement" :show-after="2000" :hide-after="0">
        <el-button :type="type" :link="link" @click="onClick">
            <template #icon>
                <SvgIcon :icon="icon"/>
            </template>
            {{ text }}
        </el-button>
    </el-tooltip>
</template>
<style scoped lang="scss">
:deep(.el-icon){
    font-size: 28px;
}
</style>